﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/bootstrap.main.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/index.css"/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <title>李梦辉</title>
</head>
<body>
<div id="home" class="banner">
    <div class="header">
        <div class="container">
            <div class="logo">
                <h1><a href="#">个人简历</a></h1>
            </div>
        </div>
    </div>
    <div class="top-menu">
        <div class="container">
            <nav class="cl-effect-1">
                <span class="menu"><img src="imgs/nav-icon.png" alt=""/></span>
                <ul>
                    <li><a class="scroll" href="#home">首页</a></li>
                    <li><a class="scroll" href="#about">个人信息</a></li>
                    <li><a class="scroll" href="#service">教育经历</a></li>
                    <li><a class="scroll" href="#gallery">项目经验</a></li>
                    <li><a class="scroll" href="#skills">职业技能</a></li>
                    <li><a class="scroll" href="#testi">自我评价</a></li>
                    <li><a class="scroll" href="#contact">链接</a></li>
                </ul>
            </nav>
        </div>

        <script>
            $("span.menu").click(function(){
                $(".top-menu ul").slideToggle("slow" , function(){
                });
            });
        </script>

    </div>
    <div class="banner-info">
        <div class="container">
            <h2>兴趣就是最好的老师 </h2>
        </div>
    </div>
    <div class="banner-form">
        <div class="container">
            <p style="font-size: 1.5rem">求职意向：Web前端</p>
        </div>
    </div>
</div>
<!--个人信息-->
<div id="about" class="about" style="background-color:#2feead;">
    <div class="container">
        <h3 class="abt">个人信息</h3>

        <div class="about-grids">
            <div class="col-md-12 about-grid-info">
                <h3>姓名：李梦辉</h3>
                <h3>性别：男 </h3>
                <h3>民族：汉族</h3>
                <h3>期望薪资：3k-5k</h3>
                <h3>电话：15281005872</h3>
                <h3>邮箱：lmh730@163.com</h3>
            </div>
        </div>
    </div>
</div>
<!--教育经历-->
<div id="service" class="service" style="background-color:#7BCFAC;">
    <div class="container">
        <br/>
        <h3 class="ser">教育经历</h3>
        <div class="service-grids">
            <div class="service-grid">
                <div class="col-md-12 service-info">
                    <h3>毕业院校：广安职业技术学院-电子与信息工程学院</h3>
                    <h3>专业：计算机应用技术</h3>
                    <h3>学历：大专</h3>
                </div>
            </div>

        </div>
    </div>
</div>

<!--项目经验-->
<div class="gallery" id="gallery" style="background-color:#96CE7C;">
    <div class="container">
        <h3>项目经验</h3>
        <div class="service-grids">
            <div class="service-grid">
                <div class="col-md-12 service-info">
                    <h3>千胜信息技术有限公司——————2016-7至2017-06</h3>
                    <br/>
                    <h4>● 期间按照项目要求完成网页的重构，根据业务需求改页面！</h4>
                    <br/>
                    <h4>● 在团队中共同完成一个校园信息管理系统，负责学生信息模块的页面构建，完成数据库的数据拉取，
                        和页面的分页等功能！</h4>
                    <br/>
                    <h4>● 后期与团队合作完成一个旅游网站的移动端 web 网页开发，负责首页等页面的构建，用 ajax 连接
                        拉取数据，实现动态的网页效果！</h4>

                </div>
                <!--<div class="clearfix"></div>-->
            </div>

        </div>
    </div>
</div>
<!--//职业技能-->
<div id="skills" class="skills"  style="background-color:#7FECB2;">
    <div class="container">
        <h3>职业技能</h3>
        <div class="skill-grids">
            <h4>Html5</h4>
            <div class="progress">
                <div class="progress-bar progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                    <span class="sr-only">90%</span>
                </div>
            </div>
            <h4>Css3</h4>
            <div class="progress">
                <div class="progress-bar progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                    <span class="sr-only">85%</span>
                </div>
            </div>
            <h4>Javascript</h4>
            <div class="progress">
                <div class="progress-bar progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:80%">
                    <span class="sr-only">80%</span>
                </div>
            </div>

            <div class="col-md-12 service-info">
                <h4>PC 端库/框架：掌握 jquery/Bootstrap/AngularJs 等前端框架。
                </h4>
                <h4>移动端库/框架：掌握 Zepto.js/ Frozen UI 等前端框架。 </h4>
                <h4>其它：了解 node.js ajax SQL Git 等！  </h4>
            </div>
        </div>
    </div>
</div>

<!--个人评价-->
<div id="testi" class="pricing"  style="background-color:#A4E2C8;">
    <div class="container">
        <div class="pricing-text">
            <h3>自我评价</h3>
        </div>
        <!-- start slider -->
        <div class="pricing-grids">
            <div class="slider">
                <ul class="rslides" id="slider2">
                    <li>
                        <div class="col-md-12 pricing-plans">
                            <h4>生活中的我性格开朗，喜欢与人沟通，并从中获得快乐从而扩宽自己的人际关系面。我工作认真、负责，</h4>
                        </div>
                        <br/>
                        <br/>
                        <div class="col-md-12 pricing-plans">
                            <h4>能承受一定工作压力；认真踏实负责。专业素质良好,遇事沉着冷静，能理性的看待和解决问题；</h4>
                        </div>
                        <br/>
                        <br/>
                        <div class="col-md-12 pricing-plans">
                            <h4>能从容调整来自各方面的压力。为人诚恳、热心，善于交流与沟通，我相信我能快速融入到团队工作中去。</h4>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- end slider -->
        </div>
    </div>
</div>
<!--链接-->
<div id="contact" class="contact" style="background-color: #C0EBD7">
    <div class="container">
        <h3>链接</h3>
        <br/><br/>
        <div class="social">
            <a href="http://web.cdqsedu.com/tags/%E6%9D%8E%E6%A2%A6%E8%BE%89/"><h4>个人博客</h4></a>
            <a href="http://lmh1995.oschina.io/lb" target="_self">小轮播</a>
            <a href="http://lmh1995.oschina.io/hb" target="_self">花瓣网头部</a>
            <a href="http://lmh1995.oschina.io/topys" target="_self">小网页模仿</a>
        </div>
    </div>
</div>

<a href="#" id="toTop" style="display: block;">
    <span id="toTopHover" style="opacity: 1;" class="glyphicon-chevron-up" aria-hidden="true"></span>
</a>

<span id="b1">★</span>
<span id="b2">★</span>
<span id="b3">★</span>
<script>
    $(function(){
        $("#b1").click(function(){
            $("#about").css({backgroundColor:"#7FECB2"})
            $("#service").css({backgroundColor:"#A4E2C8"})
            $("#gallery").css({backgroundColor:"#7BCFAC"})
            $("#skills").css({backgroundColor:"#A4E2C8"})
            $("#testi").css({backgroundColor:"#7BCFAC"})
            $("#contact").css({backgroundColor:"#2feead"})
        })
        $("#b2").click(function(){
            $("#about").css({backgroundColor:"#4a4266"})
            $("#service").css({backgroundColor:"#815476"})
            $("#gallery").css({backgroundColor:"#b0a4e3"})
            $("#skills").css({backgroundColor:"#cca4e3"})
            $("#testi").css({backgroundColor:"#7BCFAC"})
            $("#contact").css({backgroundColor:"#A4E2C8"})
        })
        $("#b3").click(function(){
            $("#about").css({backgroundColor:"#ff7500"})
            $("#service").css({backgroundColor:"#ffa631"})
            $("#gallery").css({backgroundColor:"#ff8936"})
            $("#skills").css({backgroundColor:"#fa8c35"})
            $("#testi").css({backgroundColor:"#f0c239"})
            $("#contact").css({backgroundColor:"#ffc773"})
        })

    })
</script>
</body>
</html>